<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="./jquery.js"></script>
	<script type="text/javascript" src="./jquery.tape.js"></script>
	<script>
		$(function(){
			$('.img').tape();
		});
	</script>
	<style>
	*{ padding: 0; margin: 0; }
	.img{ display: inline-block; height: 200px; width: 200px; line-height: 200px; text-align: center; background-color: #eee; }
	</style>
</head>
<body>
	<span class="img">1</span>
	<span class="img">2</span>
	<span class="img">3</span>
	<span class="img">4</span>
	<span class="img">5</span>
	<span class="img">6</span>
	<span class="img">7</span>
</body>
</html>